// 导航切换功能
document.addEventListener('DOMContentLoaded', function() {
    const navItems = document.querySelectorAll('.nav-item');
    const pageContents = document.querySelectorAll('.page-content');
    
    // 处理导航项点击
    navItems.forEach(item => {
        item.addEventListener('click', function() {
            const targetPage = this.getAttribute('data-page');
            
            // 更新导航项样式
            navItems.forEach(navItem => {
                navItem.classList.remove('active');
            });
            this.classList.add('active');
            
            // 切换页面显示
            pageContents.forEach(page => {
                page.style.display = 'none';
            });
            document.getElementById(targetPage).style.display = 'block';
            
            // 触发相应页面的显示事件
            if (targetPage === 'friends' && window.friendsModule) {
                window.friendsModule.showPage();
            }
            
            // 可以为其他页面添加类似的事件处理
        });
    });
    
    // 默认显示首页
    showPage('home');
    
    // 工具函数：显示特定页面
    function showPage(pageId) {
        navItems.forEach(navItem => {
            navItem.classList.remove('active');
            if (navItem.getAttribute('data-page') === pageId) {
                navItem.classList.add('active');
            }
        });
        
        pageContents.forEach(page => {
            page.style.display = 'none';
        });
        document.getElementById(pageId).style.display = 'block';
        
        // 触发页面显示事件
        if (pageId === 'friends' && window.friendsModule) {
            window.friendsModule.showPage();
        }
    }
    
    // 退出登录功能
    const logoutItem = document.querySelector('[data-page="logout"]');
    if (logoutItem) {
        logoutItem.addEventListener('click', function(e) {
            e.preventDefault();
            if (confirm('确定要退出登录吗？')) {
                // 调用auth.js中定义的logout函数
                if (typeof logout === 'function') {
                    logout();
                } else {
                    console.error('Logout function not found');
                    // 如果找不到logout函数，仍然执行基本的重定向
                    alert('退出登录功能暂时不可用，将手动重定向到登录页面');
                    window.location.href = '/auth/login';
                }
            }
        });
    }
    
    // 全局事件处理
    document.addEventListener('keydown', function(e) {
        // 按ESC键关闭评论模态框
        if (e.key === 'Escape') {
            const commentModal = document.getElementById('comment-modal');
            if (commentModal && window.getComputedStyle(commentModal).display !== 'none') {
                if (window.friendsModule) {
                    // 调用朋友圈模块中的关闭评论模态框方法
                    const closeCommentModalBtn = document.getElementById('close-comment-modal');
                    if (closeCommentModalBtn) {
                        closeCommentModalBtn.click();
                    }
                }
            }
            
            // 关闭通知面板
            const notificationPanel = document.getElementById('notification-panel');
            if (notificationPanel && notificationPanel.classList.contains('active')) {
                if (window.notificationsModule && typeof window.notificationsModule.toggleNotificationPanel === 'function') {
                    window.notificationsModule.toggleNotificationPanel();
                } else {
                    notificationPanel.classList.remove('active');
                    const overlay = document.getElementById('notification-overlay');
                    if (overlay) {
                        overlay.classList.remove('active');
                    }
                }
            }
        }
    });
    
    // 初始化通知模块
    if (typeof notificationsModule !== 'undefined' && typeof notificationsModule.init === 'function') {
        window.notificationsModule = notificationsModule;
    }
});

// 响应式导航栏功能
window.addEventListener('resize', function() {
    const sidebar = document.querySelector('.sidebar');
    const sidebarItems = document.querySelectorAll('.nav-item a');
    
    if (window.innerWidth <= 768) {
        sidebarItems.forEach(item => {
            item.setAttribute('title', item.textContent.trim());
        });
    } else {
        sidebarItems.forEach(item => {
            item.removeAttribute('title');
        });
    }
}); 